<template>
    <div>
          <el-table
    :data="tableData"
    height="250"
    border
    style="width: 100%">
    <el-table-column
      prop="date"
      label="日期"
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="180">
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址">
    </el-table-column>
  </el-table>
    </div>
</template>

<script>
export default {
   import {mapState,mapMutations,mapActions} from 'vuex';
   import request from '../../utils/request'
   import '../../api/list'
    data() {
        return {
            dialogTitle:"",
            dialogVisible:false,
            isEdit:false,
            searchval:'',
            ruleForm:{
                id:'',
                name:'',
                phone:null,
                state:'',
                city:''
            },
            rules:{
                name:[{requires:true:treu,massage:'请输入姓名',trigger:'blue'}],
                phope:[{requires:treu,massage:'请输入手机号',trigger:'blur'}],
                state:[{required:true,messagr:'请输入地址',trigger:'blur'}],
                city:[{required:true,message:'请输入城市',trigger:'blur'}],
                            }
        };
    },

    mounted() {
        
    },

    methods: {
        handleSearch(){
            this.searchList(this.xearchVal)
        },
        addList(){
            this.isEdit = false;
            (this.ruleForm=>{
                id: new Date().getTime(),
                name:'',
                phone:'',
                state:'',
                ciyt:''
            })
        }
    },

    handleEdit(row){
        this.isEdit = true;
        (this.ruleForm={
            id:row.id,
            name:row.name,
            phone:row.phone
        })
    }
};
</script>

<style lang="scss" scoped>

</style>